<template lang="html">
	<div class="alertBox">
		<p @click="close()">XXXX</p>
	</div>
</template>
<script>
	export default{
		methods:{
			close(){
				this.$emit('to-close',1,'22',{id:3,age:4})
			}
		}
	}
</script>
<style scoped="">
.alertBox{
	width:300px;
	height:300px;
	background: #e0e0e0;
	border:1px solid #333;
	position: relative;
}
.alertBox p{
    width:20px;
    height:20px;
    border-radius: 50%;
    border:1px solid black;
    text-align: center;
    line-height: 20px;
    background: #fff;
    position: absolute;
    top:-10px;
    right:-10px;
}
</style>